<template>
	<view class="content">
		<musichead title="网易云音乐" :icon='false'></musichead>
		<view class="text-area">
			<text class="title"><text class="iconfont icon-16"></text></text>
		</view>
		<view class="container">
			<scroll-view scroll-y="true">
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
				<view>测试</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import musichead from '../../components/musichead/musichead.vue'
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		components: {
			musichead
		},
		methods: {

		}
	}
</script>

<style>
.container{
	width: 100%;
	height: calc(100vh - 70px);
	scrollview{
		height: 100%;
	}
}
</style>
